<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<f:view>
	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
		<title>LOGIN</title>
		<style type="text/css">
.login {
	width: 300px;
	top: 150px;
}

.msgErro {
	width: 300px;
	position: relative;
}

.camposLogin {
	width: 200px;
}
</style>
	</h:head>
	<h:body>
		<h:form>
			<fieldset class="formulario">
				<f:facet name="header">
					<h:outputText value="Digite o usuário e a senha" />
				</f:facet>
				<h:panelGrid columns="2">
					<h:outputText value="Usuário:" />
					<h:inputText value="#{loginBean.usuario.login}" size="30"
						styleClass="camposLogin" />
					<h:outputText value="Senha:" />
					<h:inputSecret value="#{loginBean.usuario.senha}" size="30"
						styleClass="camposLogin" />
				</h:panelGrid>
				<h:commandButton action="#{loginBean.efetuaLogin}" value="Entrar"
					reRender="mensagemErro" />
			</fieldset>
		</h:form>
	</h:body>
</f:view>

</html>